<template>
    <div class="mine-box">
        <div class="mine_head">
            <img src="../../src/assets/images/bg.043a928.png" style="width:100%;height:100%">
            <img src="../assets/images/head.png" class="head_face">
            <div class="head_login">欢迎，愚人宇</div>
        </div>
        <ul class="main_dd">
            <li>
                
                    <img src="../assets/images/下载.png" style="width:.26rem;height:.26rem">
                    <div class="dd_movie">电影订单</div>
                
            </li>
             <li>
                
                    <img src="../assets/images/下载 (1).png" style="width:.26rem;height:.26rem">
                    <div class="dd_movie">电影订单</div>
                
            </li>
        </ul>
       <ul class="main_mz">
           <li>
               <div class="mz_left" style="width:.9rem"><img src="../assets/images/下载 (2).png" style="width:.2rem;height:.2rem"><span style="line-height:.20rem;font-size:.15rem;margin-left:.15rem">卖座卡</span></div>
               
               
               <div class="mz_right"><img src="../assets/images/下载 (3).png" style="width:100%;height:100%"></div>
           </li>
            <li>
               <div class="mz_left"><img src="../assets/images/下载 (4).png" style="width:.2rem;height:.2rem"><span style="line-height:.20rem;font-size:.15rem">余额</span></div>
               
               
               <div class="mz_right"><img src="../assets/images/下载 (3).png" style="width:100%;height:100%"></div>
           </li>
            <li>
               <div class="mz_left"><img src="../assets/images/下载 (5).png" style="width:.2rem;height:.2rem"><span style="line-height:.20rem;font-size:.15rem">设置</span></div>
               
               
               <div class="mz_right"><img src="../assets/images/下载 (3).png" style="width:100%;height:100%"></div>
           </li>
           
       </ul>
    </div>
</template>
<style lang="stylus" scoped>
    .mine_head
     display flex
     width 3.75rem
     height 1.5rem
     position relative
     .head_face
      position absolute
      left .2rem
      top .6rem
      width: .63rem;
      height: .63rem;
      border-radius: .35rem;
      margin-right: .20rem;
      border: .02rem solid #fff
     .head_login
      position absolute
      left 1.1rem
      top .8rem
      font-size .16rem
      color #fff
    .main_dd
      margin-top .2rem
      display flex
      border-bottom .12rem #f4f4f4 solid 
      li
       width 1.88rem
       height .5rem
       text-align center
      .dd_movie
        color #797d82
        margin-top .05rem

    .main_mz
      li
       display flex
       justify-content space-between
       margin .2rem .2rem
       padding-bottom .15rem
       border-bottom: .01rem solid #ededed
       .mz_left
        width 0.8rem
        display flex
        justify-content space-between
       .mz_right
        width .05rem
        height .1rem 
        margin-top .1rem     
</style>
